body { background: url('../images/background.jpg?1312906017') top left repeat-x white; font-family: arial, helvetica, sans-serif; font-size: 10pt; color: #000; margin: 0; padding: 0; }

#wizard { background: #fff; width: 800px; margin: 30px auto; padding: 10px; border: 1px solid #2a67ac; border-right: 2px solid #2a67ac; border-bottom: 3px solid #2a67ac; overflow: hidden; margin-bottom:5px;}

a { color: #2a67ac; }

/* Helpers */
.centered {text-align: center;}
.clear { clear:both; height: 1px; visibility: none;}
.hidden { display: none;}
.error { color:#f00;}

#header { height: 72px; margin-bottom: 20px; }
#header #logo { width: 280px; height: 72px; display: block; float: left; }
#header ul { margin: 0; padding: 0; width: 400px; float: right; text-align: right; }
#header ul .info { font-size: 11pt; font-weight: bold; border-bottom: 1px solid #2a67ac; color: #444; }
#header ul li { list-style: none; margin: 5px 0 0 0; padding: 0; }
#header ul li a { color: #F3811C; text-decoration: none; }
#header ul li a:hover { color: #2a67ac; }

#sidebar { width: 180px; padding: 10px; border: 1px solid #C8DDFA; float: right; background: #F7FBFE; }
#sidebar h3 { font-size: 10pt; margin: 0 0 5px 0; padding: 0; text-indent: 32px; background: url('../images/cog.png?1312913866') top left no-repeat; line-height: 24px; color: #2a67ac; }

#footer { color:#ccc; }
#footer a, #footer a:hover { text-decoration:none; color:#ccc; }

#main { width: 580px; float: left; }
#main h1 { margin: 0; padding: 0; fontsize: 21pt; font-weight: normal; }
#main h2 { font-size: 15pt; margin: 0; padding: 0; }
#main h3 { font-size: 10pt; margin: 0; padding: 0; }
#main div#intro { padding-bottom: 5px; margin-bottom:10px; border-bottom: 1px solid #aaaaaa; }
#main  { padding-bottom: 20px; }

#main.step2 { width: 800px !important; }

ul.progress { margin: 10px 0 20px 20px; padding: 0; }
ul.progress li { list-style: none; margin: 0; padding: 0 0 2px 24px; background: url('../images/incomplete.png?1312910844'); background-repeat: no-repeat; background-position: 0 50%; }
ul.progress li.yes { background-image: url('../images/yes.png?1312906296'); }
ul.progress li.no { background-image: url('../images/no.png?1312906277'); }

ul.progress li.yes small {color:green; }
ul.progress li.no small {color:red;}

#bar { clear: both; padding-top: 10px; height: 24px; line-height: 24px; text-align: center; border-top: 1px solid #aaaaaa; }
#bar a, #bar .btn { display: inline-block; margin: 0; height: 24px; line-height: 24px; font-weight: bold; border: 1px solid #666666; text-decoration: none; padding: 0 10px; background: url('../images/grey_btn_bg.png?1312910883') top left repeat-x; color: #333; }
#bar a:hover, #bar .btn:hover, #bar .btnover { background-position: bottom left; }
#bar a.unstyled, #bar a.unstyled:hover { font-weight: normal; background: none; border: none; text-decoration: underline; color: #2a67ac; }

#bar.error { background: #ffd; text-align: center; color: #a00; font-weight: bold; }

form { margin: 0; padding: 0; }
form h4.head { display: block; clear: both; border-top: 1px solid #2a67ac; height: 16px; line-height: 16px; padding: 5px 5px 5px 24px; margin: 10px 0 0 0; font-size: 10pt; background-position: 5px 50%; background-repeat: no-repeat; background-color: #e7f1fd; }
form span.subhead { display: block; background: #f4f4f4; border-bottom: 1px solid #cccccc; margin-bottom: 3px; padding: 3px 5px 3px 24px; font-style: italic; font-size: 9pt; }
form h4.system { background-image: url('../images/system.png?1262713696'); }
form h4.admin { background-image: url('../images/user.png?1262713720'); }
form h4.database { background-image: url('../images/database.png?1262713698'); }
form h4.email { background-image: url('../images/email.png?1142218352'); }
form .row { clear: both; padding: 2px 0 0 24px; background: #F7FBFE; height: 24px; }
form .row input { background: #fff; height: 22px; padding: 0; line-height: 22px; border: 1px solid #cccccc; }
form .row label, form .row span { display: block; float: left; width: 150px; line-height: 24px; }
form .row span { width: 600px; color: #666666; }

.tip_box { display: block; height: 30px; position: absolute; z-index: 1000; }

.tip_arrow { display: block; position: absolute; top: 5px; left: -11px; width: 12px; z-index: 700; }

.tip_content { height: auto !important; height: 20px; min-height: 20px; padding: 10px 5px 5px 5px; border: 1px solid #666; background: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; z-index: 500; position: absolute; top: 0; left: -1px; width: 300px; }

.tip_close { position: absolute; text-decoration: none; left: 100%; top: 0; margin-left: -12px; }

#overlay { display: none; position: fixed; background: #000; z-index: 2000; }

#loading { padding: 10px 10px 10px 60px; width: 400px; height: 150px; background: url('../images/ajax-loader.gif?1312925608') 10px 50% no-repeat white; position: fixed; display: none; z-index: 3000; }
#loading h4 { margin: 3px 0 0 0; padding: 0; color: #d80; }

.tip { display: inline-block; width: 16px; height: 16px; outline: none; text-decoration: none; color: #d80; }

#links { margin: 10px 0; }
